const $api = require('../../api/index');
import Toast from '@vant/weapp/toast/toast';
Page({

    /**
     * 页面的初始数据
     */
    data: {
        arr: [],
        currentIndex: -1,
        currentVal: '',
        balance: "",
        card_asn: "",
    },

    getVal(e) {
        this.setData({
            currentIndex: e.currentTarget.dataset.index,
            currentVal: e.currentTarget.dataset.val
        });
    },
    onChange(e) {
        this.setData({
            currentVal: e.detail,
            currentIndex: this.data.arr.indexOf(e.detail)
        });

    },
    submit() {
        if (Number(this.data.currentVal) && Number(this.data.currentVal) > 0) {
            $api.cardRecharge({
                cardAsn: this.data.card_asn,
                amount: this.data.currentVal
            }).then((res) => {
                wx.requestPayment({
                    timeStamp: res.data.timeStamp,
                    nonceStr: res.data.nonceStr,
                    package: res.data.packageValue,
                    signType: res.data.signType,
                    paySign: res.data.paySign,
                    success () { 
                        wx.navigateTo({
                            url: `../topUpSucc/index?trade_no=${res.data.trade_no}`
                        })
                    },
                    fail (res) { 
                        wx.showToast({
                            title: res,
                            icon:"error",
                            duration: 3000
                          })
                    }
                  });
            });
        } else {
            Toast('请输入大于0的有效数字');
        }

    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
        $api.rechargeCenter().then((res) => {
            if (res.data) {
                this.setData({
                    balance: res.data.balance,
                    card_asn: res.data.card_asn,
                    arr: res.data.rechargeAmountVOList.map((item)=>{
                       return {
                           ...item,
                           amount:Number(item.amount)
                       }
                    })
                });
            }
        })
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    },

})